<div role="listitem" {{{propertystr}}}>
    {{if before}}
    <slot name="before">
        <div class="list-before {{beforeClass}}">
            {{if beforetype == icon}}
            <str-icon icon="{{beforecontent}}" width="24" height="24" nofocus></str-icon>
            {{elseif beforetype == avatar}}
            <img src="{{beforecontent}}" alt="头像图标" />
            {{elseif beforetype == media}}
            <img src="{{beforecontent}}" alt="媒体图标" />
            {{/if}}
        </div>
    </slot>
    {{/if}}
    <slot name="content">
        <div class="list-content {{contentClass}}">
            {{if type == single}} 
                {{text}}
            {{else}}
                <h3>{{header}}</h3>
                <div>{{text}}</div>
            {{/if}}
        </div>
    </slot>
    {{if after}}
    <slot name="after">
        <div class="list-after {{afterClass}}">
            {{if aftertype == text}}
            {{aftercontent}}
            {{elseif aftertype == icon}}
            <str-icon icon="{{aftercontent}}" width="24" height="24"></str-icon>
            {{/if}}
        </div>
    </slot>
    {{/if}}
</div>